var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = '' + (myDate.getMonth() + 1); //获取当前月
var day = '' + myDate.getDate(); //获取当前日

if (mon.length < 2) mon = '0' + mon;
if (day.length < 2) day = '0' + day;

// $(".currentYearMonth").html(mon + "月" + ' ' + year);
//
// // getDateList($(".currentYearMonth").html());
// // statePosition();
//
// /*点击获取上一个月*/
// $(".prevYearMonth").click(function () {
//     $(".stateChart").html('');
//     getPreMonth($(".currentYearMonth").html());
//     getDateList($(".currentYearMonth").html());
//     tableLi(); // 画出对应表格
//     statePosition();
// })
//
// /*点击获取下一个月*/
// $(".nextYearMonth").click(function () {
//     $(".stateChart").html('');
//     getNextMonth($(".currentYearMonth").html());
//     getDateList($(".currentYearMonth").html());
//     tableLi(); // 画出对应表格
//     statePosition();
// })
//
//
// /**
//  * 获取上一个月
//  * @date 格式为yyyy-mm-dd的日期，如：2014-01-25
//  */
// function getPreMonth(date) {
//     var arr = date.split('月 ');
//     var year = arr[1]; //获取当前日期的年份
//     var month = arr[0]; //获取当前日期的月份
//
//     var year2 = year;
//     var month2 = parseInt(month) - 1;
//     if (month2 == 0) {
//         year2 = parseInt(year2) - 1;
//         month2 = 12;
//     }
//
//     $(".currentYearMonth").html(month2 + "月" + ' ' + year2);
// }
//
// /**
//  * 获取下一个月
//  * @date 格式为yyyy-mm-dd的日期，如：2014-01-25
//  */
// function getNextMonth(date) {
//     var arr = date.split('月 ');
//     var year = arr[1]; //获取当前日期的年份
//     var month = arr[0]; //获取当前日期的月份
//
//     var year2 = year;
//     var month2 = parseInt(month) + 1;
//     if (month2 == 13) {
//         year2 = parseInt(year2) + 1;
//         month2 = 1;
//     }
//
//     $(".currentYearMonth").html(month2 + "月" + ' ' + year2);
// }
//
// /**
//  * 遍历出当前月所有日期
//  */
// var dateSum;
//
// function getDateList(date) {
//     var arr = date.split('月 ');
//     var month = arr[0]; //获取当前日期的月份
//     var month2 = month;
//
//     myDate.setDate(1);// 这就是1号
//     myDate.setMonth(month2);
//     myDate.setDate(0);// 这两句得到当月最后一天
//     var end = myDate.getDate();// 最后一天的日，比如8月就是31
//
//     $(".date").html('');
//     // var days = [];
//     for (var i = 0; i < end; i++) {
//         /*days[i] = {
//             day: i + 1,
//         }*/
//         var day = i + 1;
//         $(".date").append('<li id="day' + day + '">' + day + '</li>');
//     }
//
//     // 最后 days 就是你想要的数据
//     // console.log(days);
//
//
//     dateSum = end;
//     dateLiWidth(); // 给 date li 设置宽度
//
// }
//
// /**
//  * 给 date li 设置宽度
//  */
// function dateLiWidth() {
//     var dateWidth = $(".date").width();
//     var liWidth = dateWidth / dateSum;
//     $(".date li").width(liWidth - 1);
// }
//
// /**
//  * 画出对应表格
//  */
// function tableLi() {
//     $(".content-right-con").html('');
//     var contentLeftCon = $(".content-left-con li").length;
//     var tableLiTotal = contentLeftCon * dateSum;
//     for (var j = 0; j < tableLiTotal; j++) {
//         $(".content-right-con").append("<li></li>");
//     }
//     $(".content-right-con li:nth-child(" + dateSum + "n)").css('border-right', '0');
//     var dateWidth = $(".date").width();
//     var liWidth = dateWidth / dateSum;
//     $(".content-right-con li").width(liWidth - 1);
// }
//
// /**
//  * 状态条position
//  */
// function getStateLine(index, startDate, endDate) {
//     //随机数
//     var randomString = Math.random().toString(36).substr(2);
//
//     $(".stateChart").append("<div class='stateChartLine' id='stateChartLine" + index + randomString + "' title='RK001'></div>");
//
//     var contentLeftWidth = $(".content-left").width();//contentLeftWidth 宽度
//     var dateLiWidth = $(".date li").width();//dateLiWidth宽度
//
//     /*var startPosition = Number(contentLeftWidth) + (startDate - 0.5) * (dateLiWidth + 1);//left
//     var endPosition = 32 + 34 + (index - 0.6) * 33;//top
//     var stateWidth = (endDate - startDate + 0.3) * dateLiWidth;//stateWidth
//
//     if (startPosition + stateWidth > $(window).width()) {
//         var widthMore = startPosition + stateWidth - $(window).width();
//         stateWidth = stateWidth - widthMore - 1;
//         $("#stateChartLine" + index + randomString).css({
//             "border-top-right-radius": "0",
//             "border-bottom-right-radius": "0"
//         });
//     }
//     if (startPosition < contentLeftWidth) {
//         var widthMore = contentLeftWidth - startPosition;
//         stateWidth = stateWidth - widthMore;
//         startPosition = contentLeftWidth + 1;
//         $("#stateChartLine" + index + randomString).css({
//             "border-top-left-radius": "0",
//             "border-bottom-left-radius": "0"
//         });
//     }
//
//     $("#stateChartLine" + index + randomString).css({"top": endPosition, "left": startPosition, "width": stateWidth});*/
//
//     var topPosition = 32 + 44 + index * 32 - 20;//top
//
//     if (startDate > 0 && endDate < dateSum + 1) {
//         var startPosition = $("#day" + startDate).position().left + (dateLiWidth / 2);//leftStart
//         var endPosition = $("#day" + endDate).position().left + (dateLiWidth / 2);//leftEnd
//         var stateWidth = endPosition - startPosition;//stateWidth
//         $("#stateChartLine" + index + randomString).css({
//             "top": topPosition,
//             "left": startPosition,
//             "width": stateWidth
//         });
//     }
//
//     if (startDate == 0 && endDate < dateSum + 1) {
//         var startPosition = contentLeftWidth + 1;//left
//         var endPosition = $("#day" + endDate).position().left + (dateLiWidth / 2);//leftEnd
//         var stateWidth = endPosition - startPosition;//stateWidth
//         $("#stateChartLine" + index + randomString).css({
//             "top": topPosition,
//             "left": startPosition,
//             "width": stateWidth,
//             "border-top-left-radius": "0",
//             "border-bottom-left-radius": "0"
//         });
//     }
//
//     if (startDate > 0 && endDate > dateSum) {
//         var startPosition = $("#day" + startDate).position().left + (dateLiWidth / 2);//leftStart
//         var endPosition = $("#day" + dateSum).position().left + dateLiWidth + 1;//leftEnd
//         var stateWidth = endPosition - startPosition;//stateWidth
//         $("#stateChartLine" + index + randomString).css({
//             "top": topPosition,
//             "left": startPosition,
//             "width": stateWidth,
//             "border-top-right-radius": "0",
//             "border-bottom-right-radius": "0"
//         });
//     }
//
//     if (startDate == 0 && endDate > dateSum) {
//         var startPosition = contentLeftWidth + 1;//left
//         var endPosition = $("#day" + dateSum).position().left + dateLiWidth + 1;//leftEnd
//         var stateWidth = endPosition - startPosition;//stateWidth
//         $("#stateChartLine" + index + randomString).css({
//             "top": topPosition,
//             "left": startPosition,
//             "width": stateWidth,
//             "border-top-left-radius": "0",
//             "border-bottom-left-radius": "0",
//             "border-top-right-radius": "0",
//             "border-bottom-right-radius": "0"
//         });
//     }
//
// }
//
// /**
//  * 同一天样式
//  */
// function getSameDay(index, startDate) {
//     //随机数
//     var randomString = Math.random().toString(36).substr(2);
//
//     $(".stateChart").append("<div class='sameDay' id='sameDaystateChartLine" + index + randomString + "' title='RK001'><span class='sameDayDetailBtn'>...</span></div>");
//
//     /*$(".stateChart").append("<div class='sameDay' id='sameDaystateChartLine" + index + randomString + "'><span class='sameDayDetailBtn'>...</span>" +
//         "<div class=\"sameDayDetail\" style=\"display: none\">\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>检修项目：</span> <span></span>\n" +
//         "            </div>\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>开始时间：</span> <span></span>\n" +
//         "            </div>\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>结束时间：</span> <span></span>\n" +
//         "            </div>\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>升温时间：</span> <span></span>\n" +
//         "            </div>\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>检修时间：</span> <span></span>\n" +
//         "            </div>\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>降温时间：</span> <span></span>\n" +
//         "            </div>\n" +
//         "            <div class=\"sameDayDetailItem\">\n" +
//         "                <span>人力资源需求：</span> <span></span>\n" +
//         "            </div>\n" +
//         "        </div></div>");*/
//
//     var dateLiWidth = $(".date li").width();//dateLiWidth宽度
//     // var startPosition = $("#day" + startDate).offset().left + (dateLiWidth / 6);//left
//     var startPosition = $("#day" + startDate).position().left + (dateLiWidth / 6);//left
//     var topPosition = 32 + 44 + index * 32 - 25;//top
//
//     $("#sameDaystateChartLine" + index + randomString).css({"top": topPosition, "left": startPosition});
//
//     /*// 防止弹窗超出
//     if (dateSum == 31 && startDate > 23) {
//         $("#sameDaystateChartLine" + index + randomString + " .sameDayDetail").css("float", "right")
//     } else if (dateSum == 30 && startDate > 22) {
//         $("#sameDaystateChartLine" + index + randomString + " .sameDayDetail").css("float", "right")
//     } else if (dateSum == 29 && startDate > 21) {
//         $("#sameDaystateChartLine" + index + randomString + " .sameDayDetail").css("float", "right")
//     } else if (dateSum == 28 && startDate > 21) {
//         $("#sameDaystateChartLine" + index + randomString + " .sameDayDetail").css("float", "right")
//     }
//
//     //点击显示隐藏弹窗
//     $("#sameDaystateChartLine" + index + randomString + " .sameDayDetailBtn").click(function () {
//         $("#sameDaystateChartLine" + index + randomString + " .sameDayDetail").toggle();
//     })*/
//
// }
//
// /**
//  * 定位状态条
//  */
// function statePosition() {
//     $.ajax({
//         type: "GET",
//         url: "/dazhi/self/gtt/json/date.json",
//         dataType: "json",
//         success: function (data) {
//             var currentYearMonth = $(".currentYearMonth").html().split('月 ');// 当前显示的月年
//             for (var i = 0; i < data.length; i++) {
//                 var startDate = data[i].startDate;// 开始年月日
//                 var endDate = data[i].endDate;// 结束年月日
//                 var startDate0 = startDate.split('-')[0];// 开始 年
//                 var endDate0 = endDate.split('-')[0];// 结束 年
//                 var startDate1 = startDate.split('-')[1];// 开始 月
//                 var endDate1 = endDate.split('-')[1];// 结束 月
//                 var startDate2 = startDate.split('-')[2];// 开始 日
//                 var endDate2 = endDate.split('-')[2];// 结束 日
//
//                 if (startDate2 == endDate2) { //如果是同一天
//
//                     if (startDate0 == currentYearMonth[1] && startDate1 == currentYearMonth[0]) {
//                         getSameDay(data[i].index, startDate2);
//                     }
//
//                 } else { //如果不是同一天
//
//                     if (endDate0 == startDate0 && startDate0 == currentYearMonth[1] && endDate1 > startDate1 && startDate1 == currentYearMonth[0]) {//同年，跨月，开始月状态条
//                         endDate2 = dateSum + 5;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 == startDate0 && startDate0 == currentYearMonth[1] && endDate1 > startDate1 && endDate1 == currentYearMonth[0]) {//同年，跨月，结束月状态条
//                         startDate2 = 0;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 == startDate0 && startDate0 == currentYearMonth[1] && endDate1 - startDate1 > 1 && currentYearMonth[0] > startDate1 && currentYearMonth[0] < endDate1) {//同年，跨多个月，去掉开始结束月状态条
//                         startDate2 = 0;
//                         endDate2 = dateSum + 5;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 > startDate0 && startDate0 == currentYearMonth[1] && startDate1 == currentYearMonth[0]) {//跨年，开始年状态条
//                         endDate2 = dateSum + 5;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 > startDate0 && endDate0 == currentYearMonth[1] && endDate1 == currentYearMonth[0]) {//跨年，结束年状态条
//                         startDate2 = 0;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 > startDate0 && endDate1 - startDate1 > -11 && Number(Number(currentYearMonth[0]) + 12) > Number(startDate1) && Number(currentYearMonth[0]) < Number(endDate1) && Number(Number(startDate0) + 1) == Number(currentYearMonth[1]) && Number(endDate0) == Number(currentYearMonth[1])) {//跨年，跨多个月，当前月在年后
//                         startDate2 = 0;
//                         endDate2 = dateSum + 5;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 > startDate0 && endDate1 - startDate1 > -11 && Number(currentYearMonth[0]) > Number(startDate1) && Number(currentYearMonth[0]) < Number(Number(endDate1) + 12) && Number(startDate0) == Number(currentYearMonth[1]) && Number(Number(endDate0) - 1) == Number(currentYearMonth[1])) {//跨年，跨多个月，当前月在年前
//                         startDate2 = 0;
//                         endDate2 = dateSum + 5;
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     } else if (endDate0 == startDate0 && startDate0 == currentYearMonth[1] && startDate1 == currentYearMonth[0]) {//同年，同月
//                         getStateLine(data[i].index, startDate2, endDate2);
//                     }
//                 }
//             }
//         }
//     });
// }

/*--------------------------------------------------------------*/
/*某一天详情*/
$(".content-right").addClass("dayDetail");
$(".currentYearMonth").html(year + "年 " + mon + "月 " + day + "日");
$(".date").append('<li><div class="dayStart">0:00</div><div class="dayEnd">24:00</div></li>');

/*画出基础表格*/
function tableLi_dayDetail() {
    $(".content-right-con").html('');
    var contentLeftCon = $(".content-left-con li").length;
    for (var j = 0; j < contentLeftCon; j++) {
        $(".content-right-con").append("<li></li>");
    }
}

/*点击获取上一天*/
$(".prevYearMonth").click(function () {
    $(".stateChart").html('');
    orderArr = [];
    orderSameArr = [];
    var currentDay = $(".currentYearMonth").html().split(' ');// 当前显示的年月日
    var y = currentDay[0].replace("年", "");
    var m = currentDay[1].replace("月", "");
    var d = currentDay[2].replace("日", "");
    var ymd = y + "-" + m + "-" + d;
    getNextDate(ymd, -1);
    statePosition_dayDetail();
})

/*点击获取下一天*/
$(".nextYearMonth").click(function () {
    $(".stateChart").html('');
    orderArr = [];
    orderSameArr = [];
    var currentDay = $(".currentYearMonth").html().split(' ');// 当前显示的年月日
    var y = currentDay[0].replace("年", "");
    var m = currentDay[1].replace("月", "");
    var d = currentDay[2].replace("日", "");
    var ymd = y + "-" + m + "-" + d;
    getNextDate(ymd, 1);
    statePosition_dayDetail();
})

/*获取指定日期上一天、下一天*/
function getNextDate(date, day) {
    var dd = new Date(date);
    dd.setDate(dd.getDate() + day);
    var y = dd.getFullYear();
    var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
    var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
    $(".currentYearMonth").html(y + "年 " + m + "月 " + d + "日");
}


/**
 * 状态条position
 */
var orderArr = [], orderSameArr = [];

function getStateLine_dayDetail(index, orderSameSum, e) {
    //随机数
    var randomString = Math.random().toString(36).substr(2);

    $(".stateChart").append("<div class='stateChartLine stateChartLine" + index + "' id='stateChartLine" + index + randomString + "' title='RK001'></div>");

    var contentLeftWidth = $(".content-left").width();//contentLeftWidth 宽度
    var contentRightWidth = $(".content-right").width();//contentRightWidth 宽度
    var startPosition = contentLeftWidth + 1;//left
    var topPosition = 32 + 34 + (index - 0.6) * 33;//top
    $("#stateChartLine" + index + randomString).css({
        "left": startPosition + (40 * orderSameSum / (orderSameSum + 1)) + ((contentRightWidth / orderSameSum) - 40) * e + (40 * orderSameSum / (orderSameSum + 1)) * e,
    });
    $(".stateChartLine" + index).css({
        "top": topPosition,
        "width": (contentRightWidth / orderSameSum) - 40,
    });
}

/**
 * 状态条信息
 */
function statePosition_dayDetail() {
    $.ajax({
        type: "GET",
        url: "/mes_kt/self/gtt/json/date.json",
        dataType: "json",
        success: function (data) {
            var currentYearMonthDay = $(".currentYearMonth").html().split(' ');// 当前显示的年月日
            var currentYMD_year = currentYearMonthDay[0].replace("年", "");
            var currentYMD_month = currentYearMonthDay[1].replace("月", "");
            var currentYMD_day = currentYearMonthDay[2].replace("日", "");
            for (var i = 0; i < data.length; i++) {
                var startDate = data[i].startDate;// 开始年月日
                var endDate = data[i].endDate;// 结束年月日
                var startDate0 = startDate.split('-')[0];// 开始 年
                var endDate0 = endDate.split('-')[0];// 结束 年
                var startDate1 = startDate.split('-')[1];// 开始 月
                var endDate1 = endDate.split('-')[1];// 结束 月
                var startDate2 = startDate.split('-')[2];// 开始 日
                var endDate2 = endDate.split('-')[2];// 结束 日

                /*当天工单数量*/
                if ((startDate0 == currentYMD_year || endDate0 == currentYMD_year) && (startDate1 == currentYMD_month || endDate1 || (startDate1 < currentYMD_month && currentYMD_month < endDate1)) && (startDate2 == currentYMD_day || endDate2 == currentYMD_day || (startDate2 < currentYMD_day && currentYMD_day < endDate2))) {
                    orderArr.push(data[i].index);
                }
            }
            /*var orderSameArr = [
                [8],
                [7],
                [5],
                [6, 6, 6,]
            ]*/

            /*把相同的值放到同一个数组里*/
            var aa = [];
            for (var r = 0; r < orderArr.length; r++) {
                var n = aa.indexOf(orderArr[r]);
                if (n == -1) {
                    aa.push(orderArr[r]);
                    orderSameArr.push([orderArr[r]])
                } else {
                    orderSameArr[n].push(orderArr[r])
                }
            }
            console.log(orderArr)
            /*遍历出相同工单的状态条*/
            for (var e = 0; e < orderSameArr.length; e++) {
                for (var k = 0; k < orderSameArr[e].length; k++) {
                    getStateLine_dayDetail(orderSameArr[e][0], orderSameArr[e].length, k);
                }
            }

        }
    })
}